<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style>
#id01{
	background-color: #FF9;
	width:800px;
	height:100px;	
	}
#id02{
	background-color: #FFC;
	width:200px;
	height:600px;
	margin-top:5px;
	float:left	
	}
  #id021{
	background-color: #9CF;
	width:200px;
	height:100px;
	
}
  #id022{
	background-color: #0CF;
	width:200px;
	height:500px;
	
	
}
   #id0221{
	background-color: #06C;
	width:200px;
	height:150px;
	margin-top:20px;
}  
     #id0222{
	background-color: #393;
	width:200px;
	height:150px;
}  
      #id0223{
	background-color: #336;
	width:200px;
	height:150px;
}  

#id03{
	background-color: #F9F;
	width:595px;
	height:600px;
	margin-top:5px;
	margin-left:5px;
	float:left
	}
	#id031{
	background-color: #C0F;
	width:595px;
	height:100px;
	

	}
	#id032{
	background-color: #933;
	width:595px;
	height:300px;
	

	}
	#id033{
	background-color: #033;
	width:595px;
	height:100px;
	}
	
	#id034{
	background-color: #CF0;
	width:595px;
	height:100px;
	}
</style>
</head>

<body>
<div id="id01">满屋花</div>
<div id="id02">
  <div id="id021">用户登录</div>
   <div id="id022">鲜花分类
   
     <div id="id0221">用途</div>
     <div id="id0222">花材</div>
     <div id="id0223">价格</div>
  
   </div>

</div>
<div id="id03">
  <div id="id031">本站快讯</div>
  <div id="id032">鲜花推荐</div>
  <div id="id033">新品上市</div>
  <div id="id034">鲜花导购</div>
  


</div>

</body>
</html>
